import { createGlobalStyle } from 'antd-style';

export const GlobalStyles = createGlobalStyle`
    @font-face {
        font-family: 'Inter';
        src: url('/fonts/Inter/Inter-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/fonts/Inter/Inter-SemiBold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'Inter';
        src: url('/fonts/Inter/Inter-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'LondonTwo';
        src: url('/fonts/LondonTwo/LondonTwo.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    body {
        margin: 0;
        padding: 0;
    }
    
    :root {
        --content-inline-padding: min(9%, 162px);
    }

    @media (max-width: ${({ theme }) => theme.screenMDMax}px) {
        :root {
            --content-inline-padding: 6%;
        }
    }

    @media (max-width: ${({ theme }) => theme.screenSM}px) {
        :root {
            --content-inline-padding: 2%;
        }
    }
`;